
/* responsive for midium device */

/* header part */
@media (max-width: 992px) {
    .main-navbar ul.cart-menu.responsive {
        display: flex;
        position: initial;
    }
    .main-navbar button.navbar-toggler{
        margin: 9px 0px;
    }
    .main-navbar ul.cart-menu li a i{
        margin-top:0;
        font-size: 20px;
    }
    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.show{
        max-height: 500px;
        overflow: scroll;
    }
    .main-navbar ul.cart-menu{
        display: none;
    }
    .main-navbar ul.cart-menu li #search-btn i {
        padding: 1.16rem 0;
    }

    .main-navbar .navbar .navbar-nav .nav-item.show a i {
        transform: rotate(-90deg);
    }
    .main-navbar .navbar .navbar-nav .nav-item.megamenu {
        position: relative;
    }
    .main-navbar .navbar .navbar-nav .nav-item a i {
        font-size: 18px;
        position: absolute;
        top: 15px;
        display: inline-block;
        margin-left: -3px;
        margin-right: -3px;
        right: 20px;
    }

    .main-navbar ul.cart-menu .searchbox{
        top: auto;
        bottom: -50px;
        z-index: 999;
        right: 0;
    }
    .main-navbar ul.cart-menu .searchbox .searchbox-input{
        width: 100%;
    }
    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu{
        position: inherit;
        top: 0;
        display: none;
        width: 100%;
    }
    .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{
        position: inherit;
        visibility: visible;
    }
    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.show {
        box-shadow: none;
        border: 1px solid #ededed;
        display: block;
    }
    .main-navbar .navbar ul {
        /*    max-height: 500px;
            overflow: scroll;*/
    }
    .main-navbar ul.cart-menu{
        display: none;
    }
    .main-navbar .navbar .navbar-nav .nav-item.megamenu .submenu-title{
        margin-bottom: 0;
    }
    .main-navbar .navbar .navbar-nav ul.megamenu-submenu {
        margin-bottom: 20px !important;
    }
    .main-navbar ul.navbar-nav.mr-auto {
        margin-top: 0px;
        margin-left: -15px;
        margin-right: -15px !important;
    }
    .main-navbar ul.navbar-nav.mr-auto > li {
        margin: 0;
        border-top: 1px solid #ddd;
    }
    .main-navbar .navbar .navbar-nav .nav-item a{
        padding: 12px 15px;
    }
    button.navbar-toggler[aria-expanded="false"] i.bx.bx-x {
        display: none;
    }
    button.navbar-toggler[aria-expanded="true"] i.bx.bx-x {
        display: block;
    }
    button.navbar-toggler[aria-expanded="true"] i.bx.bx-menu {
        display: none;
    }
    button.navbar-toggler[aria-expanded="false"] i.bx.bx-menu {
        display: block;
    }
    div.home-slider .slider-caption-text {
        padding: 25px 0;
    }
    .box-banner .box-banner-area-text h3{
        font-size: 30px;
    }
    .flash-sale .flash-sale-text{
        margin: -20px auto auto auto;
    }
    .flash-sale .countdown-wrapper .offer-countdown{
        margin: 10px 0px;
    }
    .flash-sale{
        padding: 20px 20px 30px 20px;
        margin: 30px 0;
    }
    .bl-about-wrapper .about-image img{
        width: 100%;
    }
    .bl-about-wrapper .about-content h2{
        font-size: 32px;
        margin-top: 35px;
    }
    .bl-about-wrapper .about-intro .about-intro-content{
        margin-top: 0;
    }
    .sidebar-widget-area{
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 767.98px) {
    .owl-carousel.product-carousel .owl-nav button{
        right: 38px !important;
    }
    .bl-blog-wrapper .owl-carousel.blog-carousel .owl-nav button{
        right: 38px !important;
    }
    header.header-area{
        padding: 0;
    }
    section.breadcrumbs ul.breadcrumbs-link{
        text-align: left;
    }

    section.home-slider .slider-caption-text{
        padding: 0px;
    }
    section.home-slider .slider-caption-text h2 {
        font-size: 28px;
        line-height: 40px;
    }
    section.countdown .countdown-wrapper{
        padding: 20px 10px;
    }
    section.countdown .countdown-wrapper .offer-countdown #timer div{
        padding: 5px;
        margin: 5px;
        font-size: 18px;
        min-width: 65px;
    }
    section.countdown .countdown-wrapper .offer-countdown #timer div span{
        font-size: 16px;
    }
    section.cart-area .promo-code{
        margin-top: 60px;
    }

    section.banner .banner-area a.shop-now{
        margin: 0.5em 1.2em;
    }
    section.testimonial .testimonial-carousel{
        padding: 0px;
    }
    section.contact-area .contact-form img.contact-right-image {
        position: relative;
        bottom: 0;
        margin: 25px auto;
        display: block;
    }
    .form-label{
        padding-left: 15px;
    }
    section.contact-area .contact-address .contact-address-item{
        margin-bottom: 20px;
    }
    .main-navbar .navbar .navbar-nav .nav-item a{
        font-size: 14px;
        padding-top: 11px;
        padding-bottom: 10px;
        line-height: 24px;
    }

    /* home slider */

    .home-slider{
        text-align: center;
    }
    .slider-caption-text h4{
        font-size: 22px;
    }
    .slider-caption-text h2{
        font-size: 35px !important;
    }


    /* product detailes part */


    /* responsive footer */
    .footer-widget{
        text-align: center;
        margin-top: 50px;
    }

    /* cart-part */



    .bl-cart-wrapper table.cart-info .product-info .product-image img{
        border: none;
    }
    .bl-cart-wrapper table.cart-info .product-info .product-name h5{
        font-size: 18px;
    } 
    .bl-cart-wrapper table.cart-info .product-info .product-name p{
        font-size: 14px;
        line-height: 16px;
    }
    .bl-cart-wrapper table.cart-info button.delete-item{

    }

    /* about page */

    .bl-about-wrapper .about-intro .about-intro-content{
        text-align: center;
    }
    .bl-about-wrapper .about-intro .about-intro-content .intro-list .single-intro p {
        margin-left: 5px;
        font-size: 16px;
    }

    /* blog page */
    .bl-blog-wrapper .blog-post-standard{
        padding: 0;
    }

    .sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content {
        width: 70%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    /* flash sale page */

    .offer-countdown #timer div{
        margin: 5px !important;
        padding: 15px 10px !important;
    }
    div.product-details .single-product-details .quantity form button.add-to-cart{
        padding: 5px 10px;
    }
    div.product-details .single-product-details .quantity form a.add-to-favourites{
        font-size: 14px;
    }
    div.product-details .single-product-details .quantity form input{
        padding: 0px 8px;
    }
    div.product-details .single-product-details .quantity form input[type=text] {
        width: 38px;
    }
    div.product-details .product-details-tab .nav-tabs a.nav-item{
        display: block;
        width: 100%;
        border: 1px solid #ddd;
    }
    div.product-details .product-details-tab .nav-tabs a.nav-item.active {
        color: #ff5235;
    }
    div.product-details .related-product h3{
        text-align: left;
    }
    .main-navbar ul.cart-menu li{
        margin: 0px 5px;
    }
    .flash-sale .countdown-wrapper .offer-countdown #timer div{
        font-size: 30px;
    } .flash-sale .countdown-wrapper .offer-countdown #timer div span{
        font-size: 16px;
    }
    .flash-sale .flash-sale-text{
        width: 310px;
        height: 345px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .box-banner {
        padding: 10px 0;
    }
    .facilities .facilities-item{
        margin-bottom: 30px;
    }
    .subscribe-wrapper{
        padding: 30px 0px;
    }
    .subscribe-wrapper .subscribe {
        padding: 2% 0%;
    }
    .subscribe-wrapper .subscribe form.subscribe-form button.subscribe-submit{
        padding: 15px 10px;
    }
    .bl-cart-wrapper table.cart-info{
        display: block;
    }
    .dropdown-menu.cart-dropdown.show{
        min-width: 20rem;
    }

    .bl-cart-wrapper table,
    .bl-cart-wrapper thead,
    .bl-cart-wrapper table tbody,
    .bl-cart-wrapper table th,
    .bl-cart-wrapper table td,
    .bl-cart-wrapper table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .bl-cart-wrapper table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .bl-cart-wrapper table tr { border: 1px solid #ccc;  margin-bottom: 20px; }

    .bl-cart-wrapper table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: center;
    }

    .bl-cart-wrapper table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .bl-cart-wrapper table .product-info.d-flex {
        display: block !important;
        text-align: center;
    }
    .bl-cart-wrapper table.cart-info .quantity form{
        justify-content: center;
    }
    .bl-cart-wrapper table.cart-info .product-info .product-name {
        width: auto;
    }
    .bl-cart-wrapper tr td {
        padding: 6px 2px !important;
    }
    .bl-cart-wrapper table.cart-info button.delete-item {
        padding: 6px 10px;
        margin: 0;
        float: right;
        position: absolute;
        top: -10px;
        right: 10px;
    }
}

@media (max-width: 576px){
     /* home slider */

     .home-slider{
        text-align: center;
    }
    .slider-caption-text h4{
        font-size: 22px;
    }
    .slider-caption-text h2{
        font-size: 35px !important;
    }
    .bl-blog-wrapper .blog-post-details .comments-area .comment-list-wrapper .comment-list .comment-text .comment-date{
        display: block;
    }
    .bl-blog-wrapper .blog-post-details .social-share ul li a{
        padding: 8px 10px;
        margin: 8px;
        font-size: 14px;
    }
    .bl-blog-wrapper .blog-post-details .tag-area a{
        margin: 5px 10px;
    }
    .bl-blog-wrapper .blog-post-details h3.blog-post-title{
        font-size: 22px;
    }
    .bl-blog-wrapper .blog-post-details .entry-meta{
        display: block; !important;
    }
    .bl-faq-wrapper .nav-tabs .nav-link {
        width: 100%;
        text-align: center;
        border: 1px solid #ededed;
    }
    .bl-account-wrapper .signup-wrapper form button.btn.btn-primary{
        font-size: 18px
    }
    .bl-faq-wrapper .nav-tabs .nav-link.active {
         color: #ff5235;
     }
    .bl-faq-wrapper .tab-content .accordion-item p{
        padding: 0;
    }
    .bl-account-wrapper .signup-wrapper .social-button a{
        padding: 10px 10px;
        font-size: 12px;
    }
    div.product-details .product-details-tab {
        margin: 20px 0;
    }
    .bl-about-wrapper .about-intro .about-intro-content .intro-list .single-intro{
        width: 100%;
        margin-bottom: 15px;
    }
    .bl-about-wrapper .about-features-row{
        margin: 40px 0;
    }
    /* responsive footer */
    .footer-widget{
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* cart-part */


    .bl-cart-wrapper table.cart-info .product-info .product-name h5{
        font-size: 18px;
    } 
    .bl-cart-wrapper table.cart-info .product-info .product-name p{
        font-size: 14px;
        line-height: 16px;
    }

    /* about page */

    .bl-about-wrapper .about-intro .about-intro-content{
        text-align: center;
    }
    .bl-about-wrapper .about-intro .about-intro-content .intro-list .single-intro p {
        margin-left: 5px;
        font-size: 16px;
    }

     /* blog page */
     .bl-blog-wrapper .blog-post-standard{
        padding: 0;
    }

    .sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content {
        width: 70%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    /* blog-details page */
    .bl-blog-wrapper .blog-post-details .comments-area .comment-list-wrapper .comment-list{
        text-align: left;
    }
    .sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content {
        display: flex;
        align-items: flex-start;
        text-align: left;
        justify-content: center;
        flex-direction: column;
    }

    /* contact page */
}